<template>
  <div class="box">
    <header class="header">
      <van-search
  v-model="value"  show-action placeholder="请输入搜索关键词" @search="onSearch" @click-input="$router.push('/search')">
  <template #action>
    <div @click="onClickButton">搜索</div>
  </template>
</van-search>
    </header>
    <main class="main">
      <van-grid>
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
</van-grid>
<van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" style="width: 100%;
    height: 200px;" />
  </van-swipe-item>
</van-swipe>
<ProList></ProList>
    </main>
  </div>
</template>

<script setup>
import ProList from './componen/ProList.vue'
    const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    ];
</script>

<style lang="scss" scoped>

</style>